<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 点击眼睛,让内容可见文本内容,或者不可见-密码 -->
    <input type="password" class="inp">
    <button>眼睛</button>
    <script>
        // 1.获取要操作的元素对象
        // 2.点击buton，控制显示和隐藏
        // 3.type=password  type=text文本框
        var inp=document.querySelector('.inp');
        var but=document.querySelector('button');
        but.onclick=function(){
            if(inp.type=="password"){
                inp.type="text"
            }else{
                inp.type="password"
            }
        }
    </script>

</body>
</html>